// 第一种
// import Vue from 'vue'
// Vue.directive('imgerror', {
//   // 当dom加载后执行inserted
//   // el：是使用当前指令的那个标签
//   // binding:主要用的是binding.value。 存了使用v-imgerror传过来的值
//   inserted(el, binding) {
//     el.onerror = function() {
//       el.src = binding.value
//     }
//   }
// })

// Vue.directive('color', {
//   inserted(el, binding) {
//     el.style.color = binding.value
//   }
// })
import store from '@/store'
export const imgerror = {
  // 当dom加载后执行inserted
  // el：是使用当前指令的那个标签
  // binding:主要用的是binding.value。 存了使用v-imgerror传过来的值
  inserted(el, binding) {
    el.onerror = function() {
      el.src = binding.value
    }
  }
}

export const color = {
  inserted(el, binding) {
    el.style.color = binding.value
  }
}

export const permission = {
  inserted(el, binding) {
    const points = store.getters.roles.points
    if (!points.includes(binding.value)) {
      // el.style.display = 'none'
      el.parentNode.removeChild(el)
    }
  }
}
